<?php
require_once '../../session.php';
?>
<script type="text/javascript">
    $(document).ready(function() {
        cargarMarcas();
        cargarProductos();
        $("#codigo").focus();
    });
    
    $("#agregarArticulo").click(function() {
        var parametros = {
            "accion" :  "agregarArticulo",
            "codigo" :  $("#codigo").val(),
            "marca"  :  $("#marcasCombo").val(),
            "orden"  :  $("#orden").val(),
            "producto" : $("#productosCombo").val(),
            "peso"   :  $("#peso").val(),
            "precio" :  $("#precio").val()
        };
        
        $.ajax({
            data:   parametros,
            url:    'controladores/articuloControlador.php',
            type:   'post',
            beforeSend: function() {
                $("#resultadoCodigo").html("<img src=\"imagenes/ajax-loader-chico.gif\" />");
                $("#resultadoOrden").html("<img src=\"imagenes/ajax-loader-chico.gif\" />");
            },
            success: function(respuesta) {
                $("#resultado").html(respuesta);
            }
        });
    });
    
    function cargarMarcas() {
        var parametros = {
            "accion" :  "getMarcasCombo"
        };
        $.ajax({
            data:   parametros,
            url:    'controladores/marcaControlador.php',
            type:   'post',
            beforeSend: function() {
                $("#comboMarcas").html("<img src=\"imagenes/ajax-loader-chico.gif\" />");
            },
            success: function(respuesta) {
                $("#comboMarcas").html(respuesta);
            }
        });
    }
    
    function cargarProductos() {
        var parametros = {
            "accion" :  "getProductosCombo"
        };
        $.ajax({
            data:   parametros,
            url:    'controladores/productoControlador.php',
            type:   'post',
            beforeSend: function() {
                $("#comboProductos").html("<img src=\"imagenes/ajax-loader-chico.gif\" />");
            },
            success: function(respuesta) {
                $("#comboProductos").html(respuesta);
            }
        });
    }
</script>
<h4>Alta de Art&iacute;culos</h4>
<p>
    <label>C&oacute;digo</label>
    <input style="float: left;" type="text" id="codigo" maxlength="100" /> <div id="resultadoCodigo"></div>
</p>
<p style="clear: both;">
    <label>Marca:</label>
    <div id="comboMarcas"></div>
</p>
<p style="clear: both;">
    <label>N&uacute;mero de Orden:</label>
    <input style="float: left;" type="text" id="orden" maxlength="11" /> <div id="resultadoOrden"></div>
</p>
<p style="clear: both;">
    <label>Producto:</label>
    <div id="comboProductos"></div>
</p>
<p style="clear: both;">
    <label>Peso:</label>
    <input style="float: left;" type="text" id="peso" maxlength="45" /> <div id="resultadoPeso"></div>
</p>
<p style="clear: both;">
    <label>Precio:</label>
    <input style="float: left;" type="text" id="precio" maxlength="45" /> <div id="resultadoPrecio"></div>
</p>
<p style="clear: both;">
    <input class="btn btn-success" type="button" id="agregarArticulo" value="Agregar" />
</p>

<div id="resultado"></div>